/* ----------- SURPASS BLACK GREY THEME --------------*/
/* really light for links: #7c7c7c */
/* light color: #565656 */
/* darker alt color: #323232 */
/* much darker alt color: #1d1d1d */

/* ----------- SURPASS THEME OVERWRITES --------------*/
a {color:#7a91b4;}
a:hover {color:#7c7c7c;}
.buttons button {color:#323232;}
	.buttons button:hover{color:#565656;}
	.buttons button:active {color:#565656;}
.script-link {color:#565656; }/* "link" handled by javascript onclick event */
.script-link:hover {color:#323232;}

html, body {background:#323232}
#full-body-wrapper { /* if necessary, tileable bg image agross page */
	background:#fff url('images/main-color-bg-tile.jpg') repeat-x 0 25px;
}
#header-content { /* image that is in the top header with graphic */
	background:#323232 url('images/main-color-light-streaks-bg.jpg') no-repeat 0 0;
	overflow:hidden;
}
	/* if necessary, change font colors here to match new background */
	h2#school-name {color:#fff;	}
	h3#school-subline {color:#fff;}
	h3:hover.choose-school,h2:hover.choose-school{background-image:url('images/button-down-arrow-over.png');}
			#school-selection li {border-bottom:1px solid #c1c5ca;}
			#school-selection a {font-size:9pt;float:left;width:100%;display:block;padding:2px 0;}
			#school-selection a:hover {color:#323232;}
	#patron-control-bar-wrapper { /* top thin colored bar */
		background:#101010;
	}
		#patron-controls a {color:#fff;border-right:1px solid #a0a6b4;}
		#patron-controls li.my-account a:hover,
		#patron-controls li:hover.my-account a,
		#patron-controls li.my-bookbag a:hover,
		#patron-controls li:hover.my-bookbag a {background:#1d1d1d;text-decoration:none;}
		#patron-controls li.my-account ul,
		#patron-controls li.my-bookbag ul {position:absolute;left:-9999em;display:none;clear:left; /* gets IE to position item below */margin:0;background:#1d1d1d;padding:10px 20px 15px 10px;width:110px;}
			#patron-controls li:hover.my-account li a:hover,
			#patron-controls li:hover.my-bookbag li a:hover {cursor:pointer;color:#7c7c7c;}
	/* change navigation tab colors */
	ul#base-navigation a {background:#565656;color:#fff;border-top-left-radius:5px;border-top-right-radius:5px;}
	ul#base-navigation a:hover {background:#7c7c7c;color:#fff;}
	ul#base-navigation a.active {background:#fff;	color:#323232;}

/* search panel link colors */
a#my-results-link {border:1px solid #eee6af;background:#fefee3;}
a#my-results-link:hover {background:#c6dfff;border:1px solid #323232;color:#323232;}
ul#more-search li:hover li a {color:#323232;}
ul#more-search li:hover li a:hover,ul#more-search li:hover li.active a {color:#323232;}
	
	
/* main graphic used for most heading, tileable bg */
h2.module-heading {color:#fff;background:#323232;}
#main-content h2.year-row {background:url('images/module-heading-bg-tile.gif') repeat-x 0 0;}
.vis-edit-bar {color:#fff;background:#323232 url('images/module-heading-bg-tile.gif') repeat-x 0 0;}
.home-edit-bar {background:#323232 url('images/module-heading-bg-tile.gif') repeat-x 0 0;}
a.home-edit-but:hover, a.home-delete-but:hover, a.home-cancel-but:hover {color:#323232;}

/* update jquery ui colors */
.ui-widget-header { border: 1px solid #000000; background: #323232 url(images/ui-bg_highlight-soft_35_d95100_1x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; } /* default gradient for element bg */
.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #000; background: #565656 url(images/ui-bg_glass_40_ffffff_1x400.png) 50% 50% repeat-x; color: #ffffff; }

	/* custom calendar settings */
	.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #000; font-weight: normal; color: #000; outline: none; }/* default calendar day hover colors and other element hovers*/
	.ui-datepicker .ui-datepicker-closed-weekend a{background:#d8d8d8} /* closed weekend day */
	.ui-datepicker .ui-datepicker-closed a{background:#d8d8d8}/* closed day */
	.ui-datepicker .ui-datepicker-event a{background:#ffffcd;color:#000;border:1px solid #f4d88b;}/* event day */
	.ui-datepicker .ui-datepicker-unselectable {} /* other month day */
	.ui-datepicker .ui-datepicker-closed.ui-datepicker-current-day a.ui-state-highlight {background-color: #d8d8d8;color: #fff; }
	/* change tabbed content areas colors */
	.ui-tabs .ui-tabs-panel.ui-widget-content a {color:#323232;text-decoration:none;}
	.ui-tabs .ui-tabs-panel.ui-widget-content a:hover {color:#565656;}
	/* change tabbed navigation colors */
	.ui-tabs .ui-tabs-nav li a {}/* default state */
	.ui-tabs .ui-tabs-nav li a:hover {background:#323232;color:#fff;}
	.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, 
	.ui-tabs .ui-tabs-nav li.ui-state-disabled a, 
	.ui-tabs .ui-tabs-nav li.ui-state-processing a {background:#fff;color:#3b4764;}
	/* this changes the icon colors, this will need to reference new generated image with the colors needed*/
	.ui-widget-header .ui-icon {background-image: url(images/ui-icons_ffffff_256x240.png); } /* default icon color */
	.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_ef8c08_256x240.png); } /* hover icons */
	.ui-state-active .ui-icon {background-image: url(images/ui-icons_ef8c08_256x240.png); } /* hover icons */

/* safari shelf / carousel hover graphics */
.carousel-item a.shelf-grid-link {}
.carousel-item a:hover.shelf-grid-link {color:#fff;background:url('images/carousel-item-hover-dark-bg.jpg') no-repeat 100% 0;}
.jcarousel-skin-safari-shelf .jcarousel-next-horizontal {background: transparent url('images/button-sprite.png') no-repeat -795px -184px;}
.jcarousel-skin-safari-shelf .jcarousel-prev-horizontal {background: transparent url('images/button-sprite.png') no-repeat -795px -153px;}

/* misc areas with color */
.search-list-view .cover-art a img {border:1px solid #d8d8d8;}	
ol.search-grid-view ul.item-detail li.cover-art a img {;border:1px solid #d8d8d8;}
ol.search-grid-view ul.item-detail li.cover-art a:hover img {border:1px solid #e9cda0;}

/* footer graphics */
#footer-wrapper {background: #323232 url('images/footer-bg-tile.gif') repeat-x 0 0;	}
#footer-content {background: url('images/footer-bg-light.jpg') no-repeat 0 0;color:#fff;}

/*changing button image location */
a.button {background-image:url('images/button-sprite.png');}
input.input-button,
input.input-small-button {background-image:url('images/button-sprite.png');}
input.search-go-button {background-image:url('images/button-sprite.png');}
input.small-search-go-button {background-image:url('images/button-sprite.png');}
input.small-save-button {background-image:url('images/button-sprite.png');}

/* jquery auto complete */
.ac_over {background-color: #323232;color: white;}